<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>美日生鲜</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/goodsDetails.css" />
  </head>
  <body>
        <div class="crumbs">
            生鲜&nbsp;&gt;&nbsp;水果&nbsp;&gt;&nbsp;榴莲
        </div>
        <div class="margin-center flex-row">
          <div class="goods-detail-pic flex-col">
            <img src="./images/goods-detail-1.png" alt="">
          </div>
          <div class="goods-detail-content flex-col">
              <h1 class="goods-detail-h1">
                马来西亚液氮猫山王冷冻榴莲&nbsp;4-6粒&nbsp;净重10kg&nbsp;冷冻水果
              </h1>
              <div class="goods-selling-box">
                <div class="goods-selling-price flex-row">
                  <span class="selling-tit">价&nbsp;&nbsp;&nbsp;格</span>
                  <div class="price-box">
                    <span class="price-box-icon">¥</span>
                    <span class="price-box-num">1088.00</span>
                  </div>
                </div>
                <div class="goods-selling-promotion flex-row">
                  <span class="selling-tit">促&nbsp;&nbsp;&nbsp;销</span>
                  <span class="promotion-box flex-row margin-l-30">
                      <span class="promotion-icon-v flex-col"></span>
                      <span>满899.00减100.00</span>
                  </span>
                  <span class="promotion-box flex-row margin-l-10">
                      <span class="promotion-icon-v flex-col"></span>
                      <span>满699.00减60.00</span>
                  </span>
                </div>
                <div class="goods-selling-coupon flex-row">
                  <span class="selling-tit">优惠券</span>
                  <div class="coupon-box flex-row">
                      <div class="promotion-icon-1 flex-col"></div>
                      <span>多买优惠</span>
                  </div>
                  <span class="coupon-txt">满2件总价打9折，满3件总价打8折</span>
                </div>
              </div>
              <div class="transport-box flex-row">
                <span class="transport-tit">配送至</span>
                <div class="select-box flex-row">
                    <span class="select-txt">北京市丰台区长辛店街道</span>
                    <img class="select-icon" src="./images/icons/icon-goods-detail-select.png" />
                </div>
                <span class="transport-txt">有货</span>
                <span class="transport-txt">支持</span>
                <span class="transport-link">优鲜赔付</span>
                <div class="transport-line flex-col"></div>
                <span class="transport-link">极速审核</span>
                <div class="transport-line flex-col"></div>
                <span class="transport-link">满减优惠</span>
              </div>
              <div class="weight-box flex-row">
                <span class="selling-tit">重&nbsp;&nbsp;&nbsp;量</span>
                <span class="weight-num">10&nbsp;kg</span>
              </div>
              <div class="buycar-box flex-row">
                <div class="check-num flex-col">
                  <span>1</span>
                  <i class="add"></i>
                  <i class="remove"></i>
                </div>
                <button class="add-buycar flex-col">
                  加入购物车
                </button>
              </div>
              <span class="shopping-tip">
                温馨提示&nbsp;&nbsp;&nbsp;不支持7天无理由退换货
              </span>
          </div>
        </div>
        <div class="margin-center">
          <div class="goods-pic-list flex-row">
            <img class="goods-pic-list-btn" src="images/icons/icon-goods-detail-l.png"/>
            <div class="goods-pic-list-pic flex-col">
              <img src="./images/goods-detail-1-1.png"  />
            </div>
            <div class="goods-pic-list-pic flex-col">
              <img src="./images/goods-detail-1-2.png"  />
            </div>
            <div class="goods-pic-list-pic flex-col">
              <img  src="./images/goods-detail-1-1.png"  />
            </div>
            <div class="goods-pic-list-pic flex-col">
              <img src="./images/goods-detail-1-2.png"  />
            </div>
            <div class="goods-pic-list-pic flex-col">
              <img  src="./images/goods-detail-1-1.png"  />
            </div>
            <img class="goods-pic-list-btn" src="./images/icons/icon-goods-detail-r.png"/>
          </div>
        </div>
        <div class="margin-center label-box flex-col">
            <span class="label-box-tit">看了又看</span>
            <div class="label-box-content flex-row">
              <div class="label-box-tip flex-col">
                水产肉类/新鲜蔬果/熟食分类
              </div>
              <div class="label-box-tip flex-col">
                榴莲
              </div>
              <div class="label-box-tip flex-col">
                冷冻速食/酒水饮料
              </div>
              <div class="label-box-tip flex-col">
                看同款
              </div>
              <div class="label-box-tip flex-col">
                优惠券
              </div>
              <div class="label-box-tip flex-col">
                美日生鲜优惠券
              </div>
              <div class="label-box-tip flex-col">
                水产/肉蛋/奶品优惠券
              </div>
              <div class="label-box-tip flex-col">
                新鲜水果优惠券
              </div>
            </div>
        </div>
        <div class="margin-center redhot-box flex-col">
          <div class="redhot-box-tit flex-row">
            <span class="redhot-box-tit-txt">店长推荐</span>
            <span class="redhot-box-tit-more">查看更多</span>
            <img class="icon5" src="./images/icons/icon-banner-10@2x.png" />
          </div>
          <div class="flex-row">
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
            <div class="redhot-box-list flex-col">
              <div class="redhot-box-list-img flex-col">
                <img src="./images/goods-cover-10@2x.png" />
              </div>
              <span class="redhot-box-list-tit">手指胡萝卜300g</span>
              <div class="redhot-box-list-content flex-row">
                <span class="redhot-box-list-icon"> ¥ </span>
                <span class="redhot-box-list-price">9.9</span>
                <span class="redhot-box-list-unitname">/份</span>
                <img class="redhot-box-list-buybtn" src="./images/icons/icon-goods-buyCar@2x.png"/>
              </div>
            </div>
          </div>
        </div>
        <div class="margin-center goodsinfo-box flex-col">
          <div class="flex-row goods-detail-titbox">
            <span class="goods-detail-tit-active">商品描述与属性</span>
            <span>售后保障</span>
            <span>商品评价<i>(5000+)</i></span>
          </div>
          <div class="flex-row goods-detail-contentbox">
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">包装方式：</span>
              <span class="goodsinfo-itemval">食用农产品真空包装</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">产地：</span>
              <span class="goodsinfo-itemval">马来西亚</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">分类：</span>
              <span class="goodsinfo-itemval">生鲜/水果/榴莲</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">包装方式：</span>
              <span class="goodsinfo-itemval">食用农产品真空包装</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">包装方式：</span>
              <span class="goodsinfo-itemval">食用农产品真空包装</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">产地：</span>
              <span class="goodsinfo-itemval">马来西亚</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">分类：</span>
              <span class="goodsinfo-itemval">生鲜/水果/榴莲</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">包装方式：</span>
              <span class="goodsinfo-itemval">食用农产品真空包装</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">包装方式：</span>
              <span class="goodsinfo-itemval">食用农产品真空包装</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">产地：</span>
              <span class="goodsinfo-itemval">马来西亚</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">分类：</span>
              <span class="goodsinfo-itemval">生鲜/水果/榴莲</span>
            </div>
            <div class="flex-row margin-t-30">
              <span class="goodsinfo-itemname">包装方式：</span>
              <span class="goodsinfo-itemval">食用农产品真空包装</span>
            </div>
          </div>
        </div>
        <div class="goods-details-picList">
          <img src="./images/goods-detail-2.png" alt="">
          <img src="./images/goods-detail-2-1.png" alt="">
          <img src="./images/goods-detail-2-2.png" alt="">
          <img src="./images/goods-detail-2-3.png" alt="">
          <img src="./images/goods-detail-2-4.png" alt="">
          <img src="./images/goods-detail-2-5.png" alt="">
          <img src="./images/goods-detail-2-6-1.png" alt="">
          <img src="./images/goods-detail-2-6-1.png" alt="">
          <img src="./images/goods-detail-2-7.png" alt="">
        </div>
  </body>
</html>
